  <script>

  $(document).ready(function() {


	<?php if (count($this->itemsPedido) > 0) {?>

	
	$('#eliminarItem').click(function() {

		var elementos = $("input[@name=checkbox-]:checked");
		if(elementos.length > 0){
			var itemSeleccionados = '';
			elementos.each(function() {
				itemSeleccionados += $(this).val() + ',';
			});

			var ajaxurl= "<?php
	            echo $this->url(
	            array('controller' => 'Pedido', 
	            'action' => 'removeitem'));
	            ?>";
	    	var urlIndex= "<?php
	                echo $this->url(
	                array('controller' => 'Pedido', 
	                'action' => 'consultaritems'));
	                ?>";
	            
			$.ajax({
	             type: "POST",
	             url: ajaxurl,             
	             data: { 
	                 'idsArticulos':itemSeleccionados
	             },
	             error: function(jqXHR, textStatus, errorThrown) { 
	                 	alert('Error: ' + textStatus);
	             },
	             beforeSend: function() { $.mobile.showPageLoadingMsg(); },
	             complete: function() { $.mobile.hidePageLoadingMsg(); },
	             success:  function(resp){
	                 try { 
		                if(resp == 'ok'){
							window.location.replace(urlIndex);
						}					
					} catch (e) {
						alert('Posible error en javascript:\n\n'+ e.message);
	         		}
	             }     
		    });			
		}
		else{
			alert('Debe seleccionar por lo menos un Producto a borrar!');
		}

		
		
		
					
	});	
	
	<?php
		}
	?>	
	  
  });
  
	

   </script>

 <?php echo $this->layout()->content; ?>
 <div data-role="page">
 	<div data-role="header" data-theme="b">
		<a data-role="button" data-inline="true" data-icon="back" data-ajax="false"
			href="<?php echo $this->url(array('controller' => 'Pedido','action' => 'index'), null, true);?>"><?php echo TEXT_BOTON_REGRESAR;?></a>            	
        <h1><?php echo $this->escape($this->title); ?></h1>
	</div>

			<div data-role="content" data-theme="d">
				<?php
					if (count($this->itemsPedido) > 0) {
				?>
				<p><a href="#" data-theme="e" id="eliminarItem" data-role="button">Borrar</a></p>
				<?php
					}
				?>				
				
					
					<?php
			        
					if (count($this->itemsPedido) > 0) {
						echo '<ul data-role="listview">';
						
						foreach ($this->itemsPedido as $item) {
							
				            $id = $item['id'];		            
				            $nombreId = 'checkbox-'.$id;
				            $descripcion = $item['descripcion'];
				            
				            echo '<li>';
				            echo '<fieldset class="ui-grid-a">';
				            echo '<div class="ui-block-a" style="width: 70%">';
				            echo '<input type="checkbox" name="'.$nombreId.'" id="'.$nombreId.'" value="'.$id.'"/>';
				     		echo '<label for="'.$nombreId.'">'.$descripcion;
				     		echo '<h5>Cant. Pedido: <font color="red">'.$item['cantPedido'].'</font>  ';
				     		echo '&nbsp;&nbsp;Cant. Cambio: <font color="red">'.$item['cantCambio'].'</font>  ';
				     		echo '&nbsp;&nbsp;Cant. Inventario: <font color="red">'.$item['cantInventario'].'</font></h5>';
				     		echo '</label>';
				     		echo '</div>';
				     		echo '<div class="ui-block-b" align="center" style="width: 30%">';
				     		echo '<a data-role="button"  data-theme="b" data-ajax="false" href="'.$this->url(array('controller' => 'Pedido', 'action' => 'modificaritem','idArticulo'=>$id), null, true).'" class="botonModificar" idArticulo="'.$id.'" data-icon="grid" data-iconpos="top" data-mini="true" data-inline="true">Modificar</a>';
				     		echo '</div>';
				     		echo '</fieldset>';
				     		echo '</li>';
				        }
						echo '</ul>';				        
					}else {
						echo '<h1 align="center">No hay Productos Adicionados!!!</h1>' ;
					}
					
					
       
			        ?>	
			</div>

            <div data-role="footer" id="pageFooter"  >
                <?php echo FOOTER;?>
            </div>            
</div>
